﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Container.ascx.cs" Inherits="BookStore.Usercontrol.Container" %>
 					<style type="text/css">
#avs_gallery .avs_thumb {
	float:left;
	padding:0px;	
	margin:7px 14px 7px 0px;
	width:170px;
}
#avs_gallery .avs_thumb a {
	text-decoration:none;
}
#avs_gallery .avs_thumb .image {
	display:block;
}
#avs_gallery .avs_thumb .arrow {
	position:absolute;
	width:29px;
	height:26px;
	margin-left:59px;
	margin-top:28px;
	opacity:0.5;
}
#avs_gallery .avs_thumb .title {
	margin:5px 0px 0px 0px;
	padding:0px;
	display:block;
	font-family:Arial;
	font-size:12px;
	color:#444;
	font-weight:bold;
}
#avs_gallery .avs_thumb .views {
	margin:0px;
	padding:0px;
	display:block;
	font-family:Arial;
	font-size:11px;
	color:#777;
}
.avsmore { 
	padding:0px;
	margin:10px 20px; 
	float:right;
}

</style>
	<div id="leo-slideshow" class="wrap">
      <div class="leo-container">
        <div class="leo-container-inner">
        <div class="leo-container-inner-inner">
          	<div class="leo-module moduletable">
		<div class="leomodule">
						<div class="modulecontent">
				
<div id="lofslideshow231" class="lof-slnavslide" style="height:auto; width:auto">
  <div class="lof-container lof-bottom ">
	        <div style="opacity: 0; visibility: hidden;" class="preload"><div></div></div>
     
  <!-- MAIN CONTENT -->
  
  <div class="lof-main-wapper" style="height:300px;">
   <!--<div class="lof-proccessbar"></div>-->
        <div style="opacity: 0; display: block; z-index: 0;" class="lof-main-item">
      <img src="images/640x300-954fb0ebf1d84fb921bfb0b6e045d57f_XL.jpg" title="Hendrerit id vitae arcu">
<div class="lof-description">
	 
	
     <span class="lof-title">
		<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/component/k2/item/58-hendrerit-id-vitae-arcu" target="_parent" title="Hendrerit id vitae arcu">Hendrerit id vitae arcu</a>
	</span>
   <div class="lof-desc"> 	Lorem ipsum dolor sit amet, consectetur 
adipiscing elit. Pellentesque odio odio, aliquam sed feugiat quis, 
ullamcorper sed sapien. Suspendisse aliquam ante ac risus pretium 
suscipit. Quisque...   </div> 
       <div class="lof-readmore">
            <a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/component/k2/item/58-hendrerit-id-vitae-arcu" target="_parent" title="Hendrerit id vitae arcu" class="readmore">View More</a>
            </div>
            	</div>
    </div>
        <div style="opacity: 0; display: block; z-index: 0;" class="lof-main-item">
      <img src="images/640x300-339a0e1449b6b4062056bc300d87e893_XL.jpg" title="Lobortis sed scelerisque">
<div class="lof-description">
	 
	
     <span class="lof-title">
		<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/component/k2/item/59-lobortis-sed-scelerisque" target="_parent" title="Lobortis sed scelerisque">Lobortis sed scelerisque</a>
	</span>
   <div class="lof-desc"> 	Lorem ipsum dolor sit amet, consectetur 
adipiscing elit. Pellentesque odio odio, aliquam sed feugiat quis, 
ullamcorper sed sapien. Suspendisse aliquam ante ac risus pretium 
suscipit. Quisque...   </div> 
       <div class="lof-readmore">
            <a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/component/k2/item/59-lobortis-sed-scelerisque" target="_parent" title="Lobortis sed scelerisque" class="readmore">View More</a>
            </div>
            	</div>
    </div>
        <div style="opacity: 1; display: block; z-index: 10;" class="lof-main-item">
      <img src="images/640x300-83c2446a0896df0a1f4af01c940ae1d9_XL.jpg" title="Molestie ultrices vitae">
<div class="lof-description">
	 
	
     <span class="lof-title">
		<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/component/k2/item/60-molestie-ultrices-vitae" target="_parent" title="Molestie ultrices vitae">Molestie ultrices vitae</a>
	</span>
   <div class="lof-desc"> 	Lorem ipsum dolor sit amet, consectetur 
adipiscing elit. Pellentesque odio odio, aliquam sed feugiat quis, 
ullamcorper sed sapien. Suspendisse aliquam ante ac risus pretium 
suscipit. Quisque...   </div> 
       <div class="lof-readmore">
            <a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/component/k2/item/60-molestie-ultrices-vitae" target="_parent" title="Molestie ultrices vitae" class="readmore">View More</a>
            </div>
            	</div>
    </div>
      </div>
  <!-- END MAIN CONTENT -->
   	<!-- <div class="lof-navigator-wrapper lof-bullets-wrapper clearfix">
       <div class="lof-startstop"><div></div></div>
        <!-- NAVIGATOR -->
      <div style="width: 132px; height: 31px;" class="lof-navigator-outer lof-bullets">
            <ul style="margin-left: 0px;" class="lof-navigator ">
                            <li class="" style="height: 31px; width: 44px;"><div>1</div></li>
                             <li class="" style="height: 31px; width: 44px;"><div>2</div></li>
                             <li class="active" style="height: 31px; width: 44px;"><div>3</div></li>
              		
            </ul>
        </div> </div> 
        <!-- END NAVIGATOR //-->
        
  </div>
<!--<div class="lof-shadow"></div>-->
</div>
<script type="text/javascript">
  var _lofmain =  $('lofslideshow231'); 


  var object = new LofSlideshow( _lofmain,
                  { 
                    fxObject:{
                    transition:Fx.Transitions.Quad.easeInOut,  
                    duration:500                    },
                    startItem:0,
                    interval:5000,
                    direction :'opacity', 
                    navItemHeight:55,
                    navItemWidth:235,
                    navItemsDisplay:3,
                    navPos:'bottom',
					onNavActived:function(index){  
					 
					}
                  } );
      object.start( 1, _lofmain.getElement('.preload') );
</script>			</div>
		</div>
	</div>

          </div>
        </div>
      </div>
    </div>
        
     
  
       
    <!-- END HEADER BLOCK //-->
   
    
       
         <div id="leo-showcase-top" class="wrap">
      <div class="leo-container">
        <div class="leo-container-inner">
         <div class="leo-container-inner-inner">
          	<div class="leo-module moduletable_showcase">
		<div class="leomodule">
							<h3 class="moduletitle"><span>New Produce</span></h3>
						<div class="modulecontent">
				<div id="leovmscroller206" class="lof-vm-sliding" style="height:auto; width:auto">
<div class=" lof-horizontal lof-container ">
    <a class="lof-previous" href="http://www.demo4leotheme.com/joomla/leo_book/" onclick="return false;">Previous</a>
    <a class="lof-next" href="http://www.demo4leotheme.com/joomla/leo_book/" onclick="return false;">Next</a>


 <!-- MAIN CONTENT of ARTICLESCROLLER MODULE --> 
  <div class="lof-main-wapper" style="height:350px;width:1000px">
 		  		<div style="left: 0px; width: 1000px; display: block;" class="lof-main-item page-1">
        		        		 <div class="lof-row" style="width:19.9%">
                   <div class="lof-inner" style="height:auto">

  		
        <div class="lof-image">
        					<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/default-layout/leo-bokstore/books-psychology/rhoncus-sodales-detail" title="Rhoncus sodales">
					<img style="opacity: 1;" src="css/bookstore-pc04.jpg" title="Rhoncus sodales">
                </a>
            			
                
        </div>
	                	
			              <a class="lof-title" target="_parent" title="Rhoncus sodales" href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/default-layout/leo-bokstore/books-psychology/rhoncus-sodales-detail">
               Rhoncus sodales             </a>
               			                      <div class="lof-category">
                  <a title="Books Psychology" href="http://www.demo4leotheme.com/joomla/leo_book/">Books Psychology</a>
                   </div>
                                                  <div class="lof-price">                <span>$120.00</span>
                <span class="price-discount"></span>            </div>
                                         <div class="lofaddcart-nav">
                                    <div class="addtocart-area">

		<form method="post" class="product" action="index.php">
                    
                    <div class="addtocart-bar">

						<span class="quantity-box">
			<input class="quantity-input" name="quantity[]" value="1" type="text">
			</span>
			<!-- <span class="quantity-controls">
			<input type="button" class="quantity-controls quantity-plus" />
			<input type="button" class="quantity-controls quantity-minus" />
			</span>-->


									<span class="addtocart-button">
				<input name="addtocart" class="addtocart-button" value="Add to Cart" title="Add to Cart" type="submit">
			</span>

                        <div class="clear"></div>
                    </div>

                    <input class="pname" value="Rhoncus sodales" type="hidden">
                    <input name="option" value="com_virtuemart" type="hidden">
                    <input name="view" value="cart" type="hidden">
                    <noscript><input type="hidden" name="task" value="add" /></noscript>
                    <input name="virtuemart_product_id[]" value="10" type="hidden">
                    <input name="virtuemart_category_id[]" value="1" type="hidden">
                </form>
		<div class="clear"></div>
            </div>
                        </div>
                           
               <div class="lof-extrainfo"> 
                            </div>    
            
              
</div>				</div>      
                       
                        		 <div class="lof-row" style="width:19.9%">
                   <div class="lof-inner" style="height:auto">

  		
        <div class="lof-image">
        					<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/default-layout/leo-bokstore/books-psychology/dictum-sodale-detail" title="Dictum sodale">
					<img style="opacity: 1;" src="images/bookstore-pc01.jpg" title="Dictum sodale">
                </a>
            			
                
        </div>
	                	
			              <a class="lof-title" target="_parent" title="Dictum sodale" href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/default-layout/leo-bokstore/books-psychology/dictum-sodale-detail">
               Dictum sodale             </a>
               			                      <div class="lof-category">
                  <a title="Books Psychology" href="http://www.demo4leotheme.com/joomla/leo_book/">Books Psychology</a>
                   </div>
                                                  <div class="lof-price">                <span>$116.00</span>
                <span class="price-discount"></span>            </div>
                                         <div class="lofaddcart-nav">
                                    <div class="addtocart-area">

		<form method="post" class="product" action="index.php">
                    
                    <div class="addtocart-bar">

						<span class="quantity-box">
			<input class="quantity-input" name="quantity[]" value="1" type="text">
			</span>
			<!-- <span class="quantity-controls">
			<input type="button" class="quantity-controls quantity-plus" />
			<input type="button" class="quantity-controls quantity-minus" />
			</span>-->


									<span class="addtocart-button">
				<input name="addtocart" class="addtocart-button" value="Add to Cart" title="Add to Cart" type="submit">
			</span>

                        <div class="clear"></div>
                    </div>

                    <input class="pname" value="Dictum sodale" type="hidden">
                    <input name="option" value="com_virtuemart" type="hidden">
                    <input name="view" value="cart" type="hidden">
                    <noscript><input type="hidden" name="task" value="add" /></noscript>
                    <input name="virtuemart_product_id[]" value="9" type="hidden">
                    <input name="virtuemart_category_id[]" value="1" type="hidden">
                </form>
		<div class="clear"></div>
            </div>
                        </div>
                           
               <div class="lof-extrainfo"> 
                            </div>    
            
              
</div>				</div>      
                       
                        		 <div class="lof-row" style="width:19.9%">
                   <div class="lof-inner" style="height:auto">

  		
        <div class="lof-image">
        					<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/default-layout/leo-bokstore/books-psychology/lacinia-malesuada-detail" title="Lacinia malesuada">
					<img style="opacity: 1;" src="images/bookstore-pc02.jpg" title="Lacinia malesuada">
                </a>
            			
                
        </div>
	                	
			              <a class="lof-title" target="_parent" title="Lacinia malesuada" href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/default-layout/leo-bokstore/books-psychology/lacinia-malesuada-detail">
               Lacinia malesuada             </a>
               			                      <div class="lof-category">
                  <a title="Books Psychology" href="http://www.demo4leotheme.com/joomla/leo_book/">Books Psychology</a>
                   </div>
                                                  <div class="lof-price">                <span>$116.00</span>
                <span class="price-discount"></span>            </div>
                                         <div class="lofaddcart-nav">
                                    <div class="addtocart-area">

		<form method="post" class="product" action="index.php">
                    
                    <div class="addtocart-bar">

						<span class="quantity-box">
			<input class="quantity-input" name="quantity[]" value="1" type="text">
			</span>
			<!-- <span class="quantity-controls">
			<input type="button" class="quantity-controls quantity-plus" />
			<input type="button" class="quantity-controls quantity-minus" />
			</span>-->


									<span class="addtocart-button">
				<input name="addtocart" class="addtocart-button" value="Add to Cart" title="Add to Cart" type="submit">
			</span>

                        <div class="clear"></div>
                    </div>

                    <input class="pname" value="Lacinia malesuada" type="hidden">
                    <input name="option" value="com_virtuemart" type="hidden">
                    <input name="view" value="cart" type="hidden">
                    <noscript><input type="hidden" name="task" value="add" /></noscript>
                    <input name="virtuemart_product_id[]" value="11" type="hidden">
                    <input name="virtuemart_category_id[]" value="1" type="hidden">
                </form>
		<div class="clear"></div>
            </div>
                        </div>
                           
               <div class="lof-extrainfo"> 
                            </div>    
            
              
</div>				</div>      
                       
                        		 <div class="lof-row" style="width:19.9%">
                   <div class="lof-inner" style="height:auto">

  		
        <div class="lof-image">
        					<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/default-layout/leo-bokstore/books-psychology/tortor-suscipit-detail" title="Tortor suscipit">
					<img style="opacity: 1;" src="images/bookstore-pc02.jpg" title="Tortor suscipit">
                </a>
            			
                
        </div>
	                	
			              <a class="lof-title" target="_parent" title="Tortor suscipit" href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/default-layout/leo-bokstore/books-psychology/tortor-suscipit-detail">
               Tortor suscipit             </a>
               			                      <div class="lof-category">
                  <a title="Books Psychology" href="http://www.demo4leotheme.com/joomla/leo_book/">Books Psychology</a>
                   </div>
                                                  <div class="lof-price">                <span>$116.00</span>
                <span class="price-discount"></span>            </div>
                                         <div class="lofaddcart-nav">
                                    <div class="addtocart-area">

		<form method="post" class="product" action="index.php">
                    
                    <div class="addtocart-bar">

						<span class="quantity-box">
			<input class="quantity-input" name="quantity[]" value="1" type="text">
			</span>
			<!-- <span class="quantity-controls">
			<input type="button" class="quantity-controls quantity-plus" />
			<input type="button" class="quantity-controls quantity-minus" />
			</span>-->


									<span class="addtocart-button">
				<input name="addtocart" class="addtocart-button" value="Add to Cart" title="Add to Cart" type="submit">
			</span>

                        <div class="clear"></div>
                    </div>

                    <input class="pname" value="Tortor suscipit" type="hidden">
                    <input name="option" value="com_virtuemart" type="hidden">
                    <input name="view" value="cart" type="hidden">
                    <noscript><input type="hidden" name="task" value="add" /></noscript>
                    <input name="virtuemart_product_id[]" value="12" type="hidden">
                    <input name="virtuemart_category_id[]" value="1" type="hidden">
                </form>
		<div class="clear"></div>
            </div>
                        </div>
                           
               <div class="lof-extrainfo"> 
                            </div>    
            
              
</div>				</div>      
                       
                        		 <div class="lof-row" style="width:19.9%">
                   <div class="lof-inner" style="height:auto">

  		
        <div class="lof-image">
        					<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/default-layout/leo-bokstore/books-psychology/hendrerit-et-detail" title="Hendrerit et">
					<img style="opacity: 1;" src="images/bookstore-pc01.jpg" title="Hendrerit et">
                </a>
            			
                
        </div>
	                	
			              <a class="lof-title" target="_parent" title="Hendrerit et" href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/default-layout/leo-bokstore/books-psychology/hendrerit-et-detail">
               Hendrerit et             </a>
               			                      <div class="lof-category">
                  <a title="Books Psychology" href="http://www.demo4leotheme.com/joomla/leo_book/">Books Psychology</a>
                   </div>
                                                  <div class="lof-price">                <span>$116.00</span>
                <span class="price-discount"></span>            </div>
                                         <div class="lofaddcart-nav">
                                    <div class="addtocart-area">

		<form method="post" class="product" action="index.php">
                    
                    <div class="addtocart-bar">

						<span class="quantity-box">
			<input class="quantity-input" name="quantity[]" value="1" type="text">
			</span>
			<!-- <span class="quantity-controls">
			<input type="button" class="quantity-controls quantity-plus" />
			<input type="button" class="quantity-controls quantity-minus" />
			</span>-->


									<span class="addtocart-button">
				<input name="addtocart" class="addtocart-button" value="Add to Cart" title="Add to Cart" type="submit">
			</span>

                        <div class="clear"></div>
                    </div>

                    <input class="pname" value="Hendrerit et" type="hidden">
                    <input name="option" value="com_virtuemart" type="hidden">
                    <input name="view" value="cart" type="hidden">
                    <noscript><input type="hidden" name="task" value="add" /></noscript>
                    <input name="virtuemart_product_id[]" value="13" type="hidden">
                    <input name="virtuemart_category_id[]" value="1" type="hidden">
                </form>
		<div class="clear"></div>
            </div>
                        </div>
                           
               <div class="lof-extrainfo"> 
                            </div>    
            
              
</div>				</div>      
                       
                        </div> 
   		  </div>
 </div> 
  <!-- END MAIN CONTENT of ARTICLESCROLLER MODULE --> 
 </div> 
	
	<script type="text/javascript">
	 var _leomain =  $('leovmscroller206'); 
		var object = new LeoScroller( _leomain,
								  { 
									  fxObject:{
										transition:Fx.Transitions.Quad.easeInOut,  
										duration:500									  },
									  startItem:0,
									  interval:5000,
									  direction :'hrright', 
									  navItemHeight:32,
									  navItemWidth:32,
									  navItemsDisplay:3,
									  navPos:'0'
								  } );
			object.registerButtonsControl( 'click', {next:_leomain.getElement('.lof-next'),
												 previous:_leomain.getElement('.lof-previous')} );
			object.start( 0, null );
		
	new LeoTools( _leomain,{
	  ishover:'0',
	  ispreload:1,
	  hoverbg:['#E8E8E8','#F0F0F0']
	} );
	</script>

			</div>
		</div>
	</div>

          </div>
        </div>
      </div>
    </div>
            
    <!-- MAIN WRAPPER BLOCK -->
   	 <div id="leo-mainwrap" class="wrap ">
   <div class="leo-container">
     <div class="leo-container-inner">
     
  <div class="leo-container-inner-inner">
               <div id="leo-mainwrap" class="clearfix leo-layout-lcr">
		        
         <div id="leo-content">
           <div id="leo-content-inner">
                          <div id="leo-maincontent" class="clearfix">
            	
			                       
               <div id="leo-maincontent-inner">
                                
<div id="system-message-container">
</div>
                ﻿﻿
<div class="featured-view">
	<h2><span><span>Featured Products</span></span></h2>
		<div class="row">
				<div class="product floatleft width20 vertical-separator">
			<div class="spacer">
				<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/vm-category/sodales-varius-detail"></a><a title="bookstore-nv05" class="modal" href="http://www.demo4leotheme.com/joomla/leo_book/images/stories/virtuemart/product/bookstore-nv05.jpg"><img src="images/bookstore-nv05_140x210.jpg" alt="bookstore-nv05" class="featuredProductImage" border="0"></a>				<h3>
					<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/vm-category/sodales-varius-detail" title="Sodales varius">Sodales varius</a>				</h3>
								<p class="product_s_desc">
					Lorem ipsum dolor sit amet, consectetur...				</p>
								<div class="catProductPrice">
					<div class="PricesalesPrice" style="display : block;"><span class="PricesalesPrice">$145.00</span></div><div class="PricetaxAmount" style="display : block;">Tax amount: <span class="PricetaxAmount">$5.00</span></div><div class="PricediscountAmount" style="display : none;">Discount: <span class="PricediscountAmount">0</span></div>				</div>
                
                <div class="cat-cart">                 
 <form method="post" class="product js-recalculate" action="index.php">
	
	<div class="addtocart-bar">

						<!-- <label for="quantity" class="quantity_box">Quantity: </label> -->
	    <span class="quantity-box">
		<input class="quantity-input js-recalculate" name="quantity[]" value="1" type="text">
	    </span>
	    <span class="quantity-controls js-recalculate">
		<input class="quantity-controls quantity-plus" type="button">
		<input class="quantity-controls quantity-minus" type="button">
	    </span>
	    
	    	    <span class="addtocart-button">
		<input name="addtocart" class="addtocart-button" value="Add to Cart" title="Add to Cart" type="submit">
	    </span>

	    <div class="clear"></div>
	</div>

		<input class="pname" value="Sodales varius" type="hidden">
	<input name="option" value="com_virtuemart" type="hidden">
	<input name="view" value="cart" type="hidden">
	<noscript><input type="hidden" name="task" value="add" /></noscript>
	<input name="virtuemart_product_id[]" value="17" type="hidden">
	<input name="virtuemart_manufacturer_id" value="1" type="hidden">
	<input name="virtuemart_category_id[]" value="2" type="hidden">
    </form>
    </div>
							</div>
		</div>
				<div class="product floatleft width20 vertical-separator">
			<div class="spacer">
				<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/vm-category/porttitor-ut-detail"></a><a title="bookstore-nv03" class="modal" href="http://www.demo4leotheme.com/joomla/leo_book/images/stories/virtuemart/product/bookstore-nv03.jpg"><img src="images/bookstore-nv03_140x210.jpg" alt="bookstore-nv03" class="featuredProductImage" border="0"></a>				<h3>
					<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/vm-category/porttitor-ut-detail" title="Porttitor ut">Porttitor ut</a>				</h3>
								<p class="product_s_desc">
					Lorem ipsum dolor sit amet, consectetur...				</p>
								<div class="catProductPrice">
					<div class="PricesalesPrice" style="display : block;"><span class="PricesalesPrice">$145.00</span></div><div class="PricetaxAmount" style="display : block;">Tax amount: <span class="PricetaxAmount">$5.00</span></div><div class="PricediscountAmount" style="display : none;">Discount: <span class="PricediscountAmount">0</span></div>				</div>
                
                <div class="cat-cart">                 
 <form method="post" class="product js-recalculate" action="index.php">
	
	<div class="addtocart-bar">

						<!-- <label for="quantity" class="quantity_box">Quantity: </label> -->
	    <span class="quantity-box">
		<input class="quantity-input js-recalculate" name="quantity[]" value="1" type="text">
	    </span>
	    <span class="quantity-controls js-recalculate">
		<input class="quantity-controls quantity-plus" type="button">
		<input class="quantity-controls quantity-minus" type="button">
	    </span>
	    
	    	    <span class="addtocart-button">
		<input name="addtocart" class="addtocart-button" value="Add to Cart" title="Add to Cart" type="submit">
	    </span>

	    <div class="clear"></div>
	</div>

		<input class="pname" value="Porttitor ut" type="hidden">
	<input name="option" value="com_virtuemart" type="hidden">
	<input name="view" value="cart" type="hidden">
	<noscript><input type="hidden" name="task" value="add" /></noscript>
	<input name="virtuemart_product_id[]" value="18" type="hidden">
	<input name="virtuemart_manufacturer_id" value="1" type="hidden">
	<input name="virtuemart_category_id[]" value="2" type="hidden">
    </form>
    </div>
							</div>
		</div>
				<div class="product floatleft width20 vertical-separator">
			<div class="spacer">
				<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/vm-category/urna-nulla-et-detail"></a><a title="bookstore-nv06" class="modal" href="http://www.demo4leotheme.com/joomla/leo_book/images/stories/virtuemart/product/bookstore-nv06.jpg"><img src="images/bookstore-nv06_140x210.jpg" alt="bookstore-nv06" class="featuredProductImage" border="0"></a>				<h3>
					<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/vm-category/urna-nulla-et-detail" title="Urna nulla et">Urna nulla et</a>				</h3>
								<p class="product_s_desc">
					Lorem ipsum dolor sit amet, consectetur...				</p>
								<div class="catProductPrice">
					<div class="PricesalesPrice" style="display : block;"><span class="PricesalesPrice">$145.00</span></div><div class="PricetaxAmount" style="display : block;">Tax amount: <span class="PricetaxAmount">$5.00</span></div><div class="PricediscountAmount" style="display : none;">Discount: <span class="PricediscountAmount">0</span></div>				</div>
                
                <div class="cat-cart">                 
 <form method="post" class="product js-recalculate" action="index.php">
	
	<div class="addtocart-bar">

						<!-- <label for="quantity" class="quantity_box">Quantity: </label> -->
	    <span class="quantity-box">
		<input class="quantity-input js-recalculate" name="quantity[]" value="1" type="text">
	    </span>
	    <span class="quantity-controls js-recalculate">
		<input class="quantity-controls quantity-plus" type="button">
		<input class="quantity-controls quantity-minus" type="button">
	    </span>
	    
	    	    <span class="addtocart-button">
		<input name="addtocart" class="addtocart-button" value="Add to Cart" title="Add to Cart" type="submit">
	    </span>

	    <div class="clear"></div>
	</div>

		<input class="pname" value="Urna nulla et" type="hidden">
	<input name="option" value="com_virtuemart" type="hidden">
	<input name="view" value="cart" type="hidden">
	<noscript><input type="hidden" name="task" value="add" /></noscript>
	<input name="virtuemart_product_id[]" value="20" type="hidden">
	<input name="virtuemart_manufacturer_id" value="1" type="hidden">
	<input name="virtuemart_category_id[]" value="2" type="hidden">
    </form>
    </div>
							</div>
		</div>
				<div class="product floatleft width20 vertical-separator">
			<div class="spacer">
				<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/vm-category/consectetur-urna-detail"></a><a title="bookstore-nv01" class="modal" href="http://www.demo4leotheme.com/joomla/leo_book/images/stories/virtuemart/product/bookstore-nv01.jpg"><img src="images/bookstore-nv01_140x210.jpg" alt="bookstore-nv01" class="featuredProductImage" border="0"></a>				<h3>
					<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/vm-category/consectetur-urna-detail" title="Consectetur urna">Consectetur urna</a>				</h3>
								<p class="product_s_desc">
					Lorem ipsum dolor sit amet, consectetur...				</p>
								<div class="catProductPrice">
					<div class="PricesalesPrice" style="display : block;"><span class="PricesalesPrice">$155.00</span></div><div class="PricetaxAmount" style="display : block;">Tax amount: <span class="PricetaxAmount">$5.00</span></div><div class="PricediscountAmount" style="display : none;">Discount: <span class="PricediscountAmount">0</span></div>				</div>
                
                <div class="cat-cart">                 
 <form method="post" class="product js-recalculate" action="index.php">
	
	<div class="addtocart-bar">

						<!-- <label for="quantity" class="quantity_box">Quantity: </label> -->
	    <span class="quantity-box">
		<input class="quantity-input js-recalculate" name="quantity[]" value="1" type="text">
	    </span>
	    <span class="quantity-controls js-recalculate">
		<input class="quantity-controls quantity-plus" type="button">
		<input class="quantity-controls quantity-minus" type="button">
	    </span>
	    
	    	    <span class="addtocart-button">
		<input name="addtocart" class="addtocart-button" value="Add to Cart" title="Add to Cart" type="submit">
	    </span>

	    <div class="clear"></div>
	</div>

		<input class="pname" value="Consectetur urna" type="hidden">
	<input name="option" value="com_virtuemart" type="hidden">
	<input name="view" value="cart" type="hidden">
	<noscript><input type="hidden" name="task" value="add" /></noscript>
	<input name="virtuemart_product_id[]" value="21" type="hidden">
	<input name="virtuemart_manufacturer_id" value="1" type="hidden">
	<input name="virtuemart_category_id[]" value="2" type="hidden">
    </form>
    </div>
							</div>
		</div>
				<div class="product floatleft width20 ">
			<div class="spacer">
				<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/vm-category/lorem-ullamcorper-detail"></a><a title="bookstore-nv02" class="modal" href="http://www.demo4leotheme.com/joomla/leo_book/images/stories/virtuemart/product/bookstore-nv02.jpg"><img src="images/bookstore-nv02_140x210.jpg" alt="bookstore-nv02" class="featuredProductImage" border="0"></a>				<h3>
					<a href="http://www.demo4leotheme.com/joomla/leo_book/index.php/virtuemart/vm-category/lorem-ullamcorper-detail" title="lorem ullamcorper">lorem ullamcorper</a>				</h3>
								<p class="product_s_desc">
					Lorem ipsum dolor sit amet, consectetur...				</p>
								<div class="catProductPrice">
					<div class="PricesalesPrice" style="display : block;"><span class="PricesalesPrice">$145.00</span></div><div class="PricetaxAmount" style="display : block;">Tax amount: <span class="PricetaxAmount">$5.00</span></div><div class="PricediscountAmount" style="display : none;">Discount: <span class="PricediscountAmount">0</span></div>				</div>
                
                <div class="cat-cart">                 
 <form method="post" class="product js-recalculate" action="index.php">
	
	<div class="addtocart-bar">

						<!-- <label for="quantity" class="quantity_box">Quantity: </label> -->
	    <span class="quantity-box">
		<input class="quantity-input js-recalculate" name="quantity[]" value="1" type="text">
	    </span>
	    <span class="quantity-controls js-recalculate">
		<input class="quantity-controls quantity-plus" type="button">
		<input class="quantity-controls quantity-minus" type="button">
	    </span>
	    
	    	    <span class="addtocart-button">
		<input name="addtocart" class="addtocart-button" value="Add to Cart" title="Add to Cart" type="submit">
	    </span>

	    <div class="clear"></div>
	</div>

		<input class="pname" value="lorem ullamcorper" type="hidden">
	<input name="option" value="com_virtuemart" type="hidden">
	<input name="view" value="cart" type="hidden">
	<noscript><input type="hidden" name="task" value="add" /></noscript>
	<input name="virtuemart_product_id[]" value="22" type="hidden">
	<input name="virtuemart_manufacturer_id" value="1" type="hidden">
	<input name="virtuemart_category_id[]" value="2" type="hidden">
    </form>
    </div>
							</div>
		</div>
			</div>
	</div>

              </div>
            	
                           </div>
                                   </div>
        </div>
               </div>
    </div>
  </div>
</div>
</div>
    <!-- END MAIN WRAPPER BLOCK -->
    
          
               
    <div id="leo-blockbottom" class="wrap ">
		<div class="inner-wrap">
        
     
<div id="leo-userbottom" class="wrap">  
    <div class="leo-container">
    <div class="leo-container-inner"> 
    <div class="leo-container-inner-inner"> 
            </div></div></div>
</div>    
       
       
       
       
       
       